html {
  width: 100%;
  height: 100vh;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  -webkit-box-shadow: 0px 0px 218px #333333 inset, 0 10px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 218px #333333 inset, 0 10px 10px rgba(0, 0, 0, 0.5);
}
a {
  width: 100%;
  height: 100%;
}
.shou {
  width: 28%;
  position: absolute;
  left: 35.5%;
  top: 20%;
}
.shou dl dt {
  float: left;
}
.shou dl dt img {
  width: 1.12rem;
  height: 1.12rem;
}
.shou dl dd {
  float: left;
  padding-left: 3%;
}
.shou dl dd:nth-child(2) {
  float: left;
  padding-top: 2%;
}
.shou dl dd:nth-child(2) h1 {
  font-size: 0.69333333rem;
}
.shou dl dd:nth-child(3) {
  font-size: 0.26666667rem;
  float: left;
  padding-top: 4%;
}
.box {
  position: absolute;
  left: 25%;
  top: 32%;
  color: #333333;
  font-size: 0.42666667rem;
}
.isd {
  position: absolute;
  left: 45%;
  top: 38%;
  color: #333333;
  font-size: 0.8rem;
}
.footer {
  width: 20%;
  position: absolute;
  left: 43%;
  bottom: 7%;
}
.footer dl dt {
  float: left;
}
.footer dl dt img {
  width: 0.88rem;
  height: 0.88rem;
}
.footer dl dd {
  float: left;
  color: #fff;
  padding-left: 5%;
}
.footer dl dd:nth-child(2) {
  padding-top: 7%;
}
.footer dl dd:nth-child(2) h3 {
  font-size: 0.37333333rem;
}
.footer dl dd:nth-child(3) {
  font-size: 0.2rem;
  padding-top: 4%;
}
